@charset "utf-8";

/* base */
body {
	font: 12px/20px Arial, "微软雅黑";
	color:#333;
	margin: 0px;
	text-align:center;
	background:url(../images/bg.jpg) no-repeat center bottom;
}
*{ padding:0; margin:0;}
a { color:#333; text-decoration:none;}
a:active {star:expression(this.onFocus=this.blur());}
:focus { outline:0; }
ul,li{ list-style:none;}
img { border:none; }
.wrapper{ width:976px; margin:0 auto; text-align:left;}
.clearboth { clear:both; }
.page{ text-align:center; margin:10px 0; width:100%; float:left;}
.page a{ background:#b3b3b3; color:#fff; margin:0 2px; padding:2px 8px;}
.page a.dq,.page a:hover{ background:#555;}

#goTopBtn {POSITION:fixed; WIDTH:72px; BOTTOM: 35px; HEIGHT:72px; CURSOR: pointer; RIGHT: 0px; _position: absolute; _right: auto; z-index:999999;}

.top{ width:100%; float:left;}
.header{width:976px; margin:0 auto; text-align:left;}
.header .logo{ float:left; margin-top:30px;}
.header .logo h1{ display:none;}

.top_right{ float:right; margin:14px 0; text-align:right; color:#888; line-height:18px; font-family:"微软雅黑";}
.top_right .font1{ font-size:12px;}
.top_right .font2{ font-size:10px;}

.nav{ width:800px; float:right;}
.nav ul li{ float:left; margin-left:28px; _margin-left:25px; position:relative; z-index:200;}
.nav ul li a{ display:block; background:url(../images/iocn02.jpg) no-repeat left; padding-left:30px;}
.nav ul li a span{ display:block; line-height:18px;}
.nav ul li a span.en{ font-size:14px; font-family:"微软雅黑";}
.nav ul li a:hover,.nav ul li a.dq{ background:url(../images/iocn01.jpg) no-repeat left; color:#ff0000;}
#menu ul ul { display:none;  position:absolute; top:35px;  left:30px; z-index:9999; border-bottom:1px solid #dadada;}
#menu ul ul li{ padding:0px; margin:0; background:#fff; border:1px solid #dadada; border-bottom:none;}
#menu ul ul li a{ background:none; float:left; padding:0; display:block; width:100px; text-align:center; line-height:26px;}
#menu ul ul li a:hover{ background:#968064; color:#fff;}


.banner{ width:100%; float:left; position:relative; margin-top:20px; z-index:100;}
#slider-full{position:relative;z-index:1;width:100%; overflow:hidden;background:#878380; height:622px;}
#slider-full ul.slides{width:100% !important; z-index:2;}
#slider-full ul.slides li{width:100% !important;}
#slider-full ul.slides li .slide{position:relative;}
#slider-full ul.slides li .slide img{position:absolute;width:100%;}
#slider-full .pages{position:absolute;bottom:10px; left:48%;z-index:60;width:309px;}
#slider-full .pages ul li{float:left;width:auto;}
#slider-full .pages ul li a{display:block;width:8px;height:8px;background:#fff; margin:0 2px;}
#slider-full .pages ul li a:hover{text-decoration:none;}
#slider-full .pages ul li.current a{background:#ff0000;}
#slider{position:relative;width:755px;height:425px;background:#000000;}
/*#slider-full{position:relative;background:#878380;}
#slider-full ul.slides{width:100% !important; z-index:2;}
#slider-full ul.slides li{width:100% !important;}
#slider-full ul.slides li .slide{position:relative;}
#slider-full ul.slides li .slide img{position:absolute;width:100%;}
#slider-full .pages{position:absolute;bottom:10px; left:44%;z-index:60;width:309px;}
#slider-full .pages ul li{float:left;width:auto;}
#slider-full .pages ul li a{display:block;width:8px;height:8px;background:#fff; margin:0 2px;}
#slider-full .pages ul li a:hover{text-decoration:none;}
#slider-full .pages ul li.current a{background:#ff0000;}
#slider{position:relative;width:755px;height:425px;background:#000000;}*/


/*#slider-full{ position:relative; background:#878380;}
#slider-full ul.slides{width:100% !important;z-index:2;}
#slider-full ul.slides li{width:100% !important;}
#slider-full ul.slides li .slide{position:relative;}
#slider-full ul.slides li .slide img{position:absolute;width:100%;}
#slider-full .pages{position:absolute;bottom:10px; left:44%;z-index:60;width:309px;}
#slider-full .pages ul li{float:left;width:auto;}
#slider-full .pages ul li a{display:block;width:8px;height:8px;background:#fff; margin:0 2px;}
#slider-full .pages ul li a:hover{text-decoration:none;}
#slider-full .pages ul li.current a{background:#ff0000;}
#slider-full .tiao{ background:#878380; height:30px; width:100%; position:absolute; z-index:50; bottom:-1px;}*/

/*.switch-tab{ position:absolute; bottom:0; z-index:10; background:#878380; width:100%; height:30px;}
.switch-tab span{ position:absolute; bottom:7px; right:30%; z-index:999;}
.switch-tab a{ font-size:0; background:#fff; width:8px; height:8px; display:block; float:left; margin:0 2px;}
.switch-tab a.current{ background:#eb3d00; width:8px; height:8px;}*/

.switch-nav{}
.switch-nav a{ position:absolute; display:block; width:31px; height:31px;}
.switch-nav a span{ text-indent:-99999px; overflow:hidden; display:block; width:30px;}
.switch-nav a.prev{ background:url(../images/prev.jpg) no-repeat; left:10px; top:200px;}
.switch-nav a.next{ background:url(../images/next.jpg) no-repeat; right:10px; top:200px;}

.hot-event .switch-tab { text-align: center; background:#878380; width:100%; height:30px;}
.hot-event .switch-tab a, .hot-event .switch-tab .current { margin:10px 2px 0; display: inline-block; width:8px; height:8px; background:#fff; font: 0/0 arial; color: transparent; overflow: hidden; vertical-align: top; }
.hot-event .switch-tab .current { background:#eb3d00; }
.event-item span{ display:block; position:absolute;}
.event-item span.f1{ top:100px; left:300px;}
.event-item span.f2{ top:100px; right:150px;}
.event-item span.f3{ top:350px; right:150px;}
.event-item span.f4{ top:30px; left:300px;}
.event-item span.f5{ bottom:150px; left:300px;}

#campaign_slide_navigation{ text-align:center; position:absolute; bottom:0; z-index:10; background:#878380; width:100%; height:30px;}
#campaign_slide_navigation ul{ position:absolute; right:30%; bottom:7px;}
#campaign_slide_navigation li{ margin:0 2px; cursor:pointer; float:left;}
#campaign_slide_navigation li.campaign_navi_item{ background:#fff; width:8px; height:8px;}
#campaign_slide_navigation li.activeSlide{ background:#eb3d00; width:8px; height:8px;}

.cert{ width:100%; float:left;}
.main{ width:976px; margin:0 auto; text-align:left; background:#eee; padding:30px 0;}
.m_bt{ text-align:center; width:100%; float:left;}

.menu{ float:left; padding:20px 0 0 34px;}
.box{ width:287px; height:175px; float:left; position:relative; margin:12px 8px; overflow:hidden;}
.box .name{ position:absolute; left:0; bottom:-60px; color:#fff; background:url(../images/p_bg.png); padding:10px; width:267px; font-size:18px; transition:bottom 0.5s; -moz-transition: bottom 0.5s; -webkit-transition:bottom 0.5s; -o-transition:bottom 0.5s;}
.box .name span{ display:block; padding-left:60px; cursor:pointer;}
.box .name span.b1{ background:url(../images/r1.png) no-repeat left;}
.box .name span.b2{ background:url(../images/r2.png) no-repeat left;}
.box .name span.b3{ background:url(../images/r3.png) no-repeat left;}
.box .name span.b4{ background:url(../images/r4.png) no-repeat left;}
.box .name span.b5{ background:url(../images/r5.png) no-repeat left;}
.box .name span.b6{ background:url(../images/r6.png) no-repeat left;}
.box a:hover .name{ bottom:0;}

.main_ny{ width:976px; margin:0 auto; text-align:left; padding:60px 0; min-height:800px;}

.sidebar{ width:240px; float:left;}
.sidebar .title{ width:240px; float:left;}
.sidebar .title .bt{ float:left; background:url(../images/r7.png) no-repeat left; padding-left:82px; line-height:26px;}
.sidebar .title .bt .yw{ font-size:26px;}
.sidebar .title .bt .zw{ font-size:16px;}
.side_menu{ margin-top:20px; width:200px; float:left;}
.side_menu ul li{ margin-bottom:6px; width:100%; float:left;}
.side_menu ul li a{ background:#e0e0e0; display:block; float:left; width:150px; font-family:"微软雅黑"; padding:2px 0 2px 16px; min-height:36px; overflow:hidden; line-height:18px;}
.side_menu ul li a span{ display:block;}
.side_menu ul li a span.zh{ font-size:14px;}
.side_menu ul li a.dq,.sidebar ul li a:hover{ width:164px; background:#e0e0e0 url(../images/iocn03.gif) no-repeat 170px; padding-right:30px;}

.r8{ height:63px; text-align:center;}

.zbtp{ margin-top:8px;}
.zbtp img {cursor:pointer;display:block;margin-bottom:10px}
#gotop {cursor:pointer;display:block;}
#gobottom {cursor:pointer;display:block;}
#showArea {height:700px; margin:10px 0; overflow:hidden}
#showArea a{ display:block; width:150px; height:100px; margin-bottom:10px;}
#showArea a img{ width:150px; height:100px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
#showArea a:hover img,#showArea a img.dq{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}


.content{ width:646px; float:right; margin-left:20px;}
.content .title{ font-family:"微软雅黑"; line-height:50px; width:100%; float:left; color:#969593; text-align:center;}
.content .title span.zh{ font-size:20px;}
.content .title span.en{ font-size:20px;}
.content .biaoti{ color:#969593; padding:16px 0 10px; width:100%; float:left;}
.content .biaoti .font1{ float:left; font-size:20px;}
.content .biaoti .sxp{ float:right;}
.content .biaoti .sxp a{ color:#969593; font-size:14px; padding-left:10px;}
.content .biaoti .sxp a:hover{ text-decoration:underline;}
.content .intro{ line-height:26px; margin-bottom:50px; padding:20px 0; font-size:14px; width:100%; float:left;}
.content .intro img{ width:626px;}
.content .intro p{ margin-bottom:15px;}
.content .school{ line-height:26px; margin-bottom:50px; padding:20px 0; font-size:14px; width:100%; float:left;}
.content .school img{ width:626px;}
.content .school p{ margin-bottom:15px; text-align:center;}
.content .team{ line-height:30px; margin-bottom:50px; padding:20px 0; font-size:16px; width:100%; float:left;}
.content .team ul{ padding-left:40px;}
.content .team ul li a:hover{ text-decoration:underline;}
.content .partner{ line-height:26px; margin-bottom:50px; padding:20px 0; font-size:14px; width:100%; float:left;}
.content .partner .photo{ float:left;}
.content .partner .photo img{ width:200px;}
.content .partner .jieshao{ float:left;}
.content .partner .jieshao .font1{ font-size:20px;}

.kuan{ width:976px; margin-left:0;}
.kuan .title .bt{ float:left; background:url(../images/r7.png) no-repeat left; padding-left:90px; line-height:26px;}
.kuan .title .bt .yw{ font-size:26px;}
.kuan .title .bt .zw{ font-size:16px;}

.news_list{ width:646px; min-height:800px; float:left;}
.news_list ul{ padding-top:20px;}
.news_list ul li{ width:200px; height:122px; float:left; position:relative; margin:0 7px 80px;}
.news_list ul li img{ width:200px; height:122px;}
.news_list ul li a{ display:block;}
.news_list ul li .name{ position:absolute; left:0; bottom:-48px; color:#fff; display:block; background:url(../images/p_bg.png); padding:4px; width:192px; font-size:14px; height:40px; overflow:hidden;}
.news_list ul li a:hover .name{ display:block;}
.news_list ul li .name span{ background:url(../images/iocn01.png) no-repeat right; display:block; cursor:pointer; height:40px;}

.news_show{ padding:20px;}
.news_show ul li.bt{ font-size:20px; text-align:center; line-height:40px;}
.news_show ul li.date{ text-align:center; margin-bottom:10px; border-bottom:dashed 1px #403d3c; padding-bottom:10px;}
.news_show ul li.nr{ padding:8px 18px;}
.news_show ul li.nr p{ margin-bottom:10px; line-height:26px;}
.news_show ul li.back{ text-align:center;}
.news_show ul li.back a:hover{ color:#ec6100;}

.feedback{ padding:20px 0;}
.feedback table{}
.feedback table thead{ font-weight:bold;}
.feedback table tr td{ padding:8px 4px;}
.feedback table tr td a:hover{ color:#c30;}
.feedback table input, .feedback table textarea{ border:solid 1px #ccc; padding:4px; font-family:"微软雅黑";}
.feedback table input.button{background:#92785f; color:#fff; cursor:pointer; padding:2px 4px; border:none;}

.job{ padding:15px;}
.job table{ background:#EAEAEA; margin-bottom:20px;}
.job table thead{ font-weight:bold;}
.job table tr td{ background:#fff; padding:6px;}
.job table tr td a:hover{ color:#c30;}

.product_list{ padding:20px 20px 0 0;}
.product_list ul li{ line-height:24px; margin-bottom:30px;}
.product_list ul li a{ padding:3px; background:#fff; display:block; overflow:hidden; border:solid 1px #dadada;}
.product_list ul li a:hover{ background:#f1f1f1; color:#C20202;}
.product_list ul li img{ float:left; margin-right:15px; width:150px; height:113px;}
.product_list ul li .font1{ font-size:16px;}
.product_list ul li .font2{ color:#f60;}

.product_show{ padding:15px;}
.product_show ul li{ float:left; margin-bottom:20px; width:640px;}
.product_show ul li.pic{ text-align:center; border-bottom:dashed 1px #ccc;}
.product_show ul li.pic span{ display:block; font-weight:bold;}
.product_show ul li.nr p.jc{font-weight:bold;}
.product_show ul li img{ width:367px; height:241px;}

.t_bg{}

.footer{ width:100%; float:left; margin-top:130px; font-size:10px; font-family:"微软雅黑";/* background:url(../images/footer_bg.jpg) no-repeat center bottom; padding-bottom:140px;*/}
.foot_menu{ width:976px; margin:0 auto 10px;}
.foot_menu a{ padding:0 6px;}
.copy{ width:976px; margin:0 auto;}
.copy .font1{ font-weight:bold;}
.copy .lj{ padding:10px 0;}
.copy .lj a{ margin:0 6px;}
.footer a:hover{ text-decoration:underline;}